<template>
   <div class="index-brand">
        <div class="container">
           <div class="title">
                <h1 class="ac-title">品牌实力</h1>
                <router-link to = "/" class="go">查看更多></router-link>    
           </div>
            <div class="brand-body">
                <div class="video">
                    <video
                controls="controls"
                src="http://cloud.video.taobao.com/play/u/3244903357/p/1/e/6/t/1/50011842386.mp4">您的电脑不适合video</video>
                </div>
                <img 
                class="brand-title"
                src="@/assets/index/brand-title.png" alt="">
                
            </div>
           
       </div>
      
    </div>
</template>

<script>
import { mapState } from 'vuex'
import axios from 'axios'
export default {
  name: 'IndexBrand',
  data () {
    return {
        msg: 'index',
       
     
    }
  },
   computed:{
        ...mapState(['baseUrl'])
    },
  mounted() {
   
  },
  methods: {
    
  }
}
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
@import "~styles/mixins.styl"
.index-brand
    padding-top 50px
    background #f0f1f2
img 
    width 100%
 a
    color black
.title  
    overflow hidden
.container
    container() 
.title>h1
    title()
.ac-title::after
    titleAfter()
.go
    go()
.brand-body
    overflow hidden
    margin-top 20px
    margin-bottom 50px
.video
    width 500px
    height 310px
    float left
.video>video
    width 100%
    height 100%
.brand-title
    float right
    width 584px
</style>
